<template>
    <div>
        <!-- 导航 -->
        <div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html">
							美女
						</a>
						<a class="mui-control-item" href="#item2mobile" data-wid="tab-top-subpage-2.html">
							热点
						</a>
						<a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">
							北京
						</a>
						<a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">
							社会
						</a>
						<a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">
							娱乐
						</a>
					</div>
				</div>

		</div>
        <!-- 导航 end -->

        <!-- 内容 -->
        <ul class="mui-table-view mui-grid-view">
		        <li class="mui-table-view-cell mui-media mui-col-xs-6" v-for="(item, i) in imageList" :key="item.setid">
		            <router-link :to="'/Home/imageDetail/' + i">
		                <img class="mui-media-object" :src="item.scover">
		                <div class="mui-media-body">{{item.setname}}</div><br>
                        <p>{{ item.createdate }}</p>
                    </router-link>
                </li> 
		</ul>  
        <!-- 内容 end -->
    </div>
</template>
<script>
export default {
    data(){
        return {
            imageList: null,
            
        }
    },
    created(){
        this.getImage()
        console.log(this.imageList)
    },
    methods: {
        getImage(){
            this.$http.get("/girl.json").then(
                data => {
                    this.imageList = data.body;
                },() => {
                    Toast("获取数据出错")
                }
            )
        }
    }
}
</script>
<style scoped>

</style>
